$(function () {
  //   给a链接注册事件
  $(".login-box a").on("click", function () {
    $(".login-box").hide()
    $(".reg-box").show()
  })
  $(".reg-box a").on("click", function () {
    $(".login-box").show()
    $(".reg-box").hide()
  })
  // 直接自定义校验规则

  layui.form.verify({
    // 可以定义多个规则
    // key(规则名称): value/函数/数组
    passwordLen: [/^[\S]{6,16}$/, "密码为6-16位的非空格字符"],
    confirmPass(value) {
      // value就是校验的值
      if ($(".reg-box [name=password]").val() !== value) {
        return "两次输入的密码不一致" // 没有通过 才返回 提示的消息
      }
      // return "两次密码一致" // 这里的测试说明 只要你返回内容 就认为你校验没有通过！！！！
    },
  })
})
// 监听 表单的提交事件
$("#form_reg").on("submit", function (event) {
  // console.log($(this).serialize())
  event.preventDefault() // 阻止默认提交事件
  // $.post $.ajax
  const index = layui.layer.load() // 开启进度条 得到一个索引
  $.ajax({
    type: "post", // 类型  method也行
    url: `/api/reguser`,
    data: $(this).serialize(), // 多给字段一般没有任何问题
    success({ status, message }) {
      layui.layer.close(index) // 关闭进度条
      if (status === 0) {
        layui.layer.msg("注册成功")
        // 切换到登录模块
        // $(".reg-box .link-btn").click() // 调用click
        $(".reg-box .link-btn").trigger("click") // 触发这个a连接的点击事件
      } else {
        layui.layer.msg(message)
      }
    },
  })
})

$("#form_login").on("submit", function (event) {
  // console.log($(this).serialize())
  event.preventDefault() // 阻止默认提交事件
  // $.post $.ajax
  const index = layui.layer.load() // 开启进度条 得到一个索引
  $.ajax({
    type: "post", // 类型  method也行
    url: `/api/login`,
    data: $(this).serialize(), // 多给字段一般没有任何问题
    success({ status, message, token }) {
      layui.layer.close(index) // 关闭进度条
      if (status === 0) {
        layui.layer.msg("登录成功")
        // 切换到登录模块
        localStorage.setItem("token", token)
        // 跳转到index.html
        window.location.href = "/index.html"
      } else {
        layui.layer.msg(message)
      }
    },
  })
})
